<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/font/iconfont.css">
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/echarts.min.js"></script>
    <script src="layui/layui.js"></script>
</head>
<body>
<div id="pekingIndex">
    <!--头部-->
    <header>
        <div class="header_main">
            <!--导航栏-->
            <div class="header_wrap">
                <nav class="header_nav">
                    <div class="nav_left">
                        <ul class="nav_list">
                            <li class="indexDefault">首页</li>
                            <li>数据库</li>
                            <li>干部画像</li>
                            <li>政策发文</li>
                            <li>大数据统计</li>
                            <li>人才地图</li>
                            <li>统计参考</li>
                            <li>动态信息</li>
                            <li>历史数据库</li>
                        </ul>
                    </div>

                </nav>
                <!--新华人才库搜索栏-->
                <div class="header_search">
                    <div class="keyword">新华人才库</div>
                    <div class="keyword_search">
                        <div class="input_wrap">
                            <span class="all">全部</span>
                            <i class="iconfont icon-xiala-"></i>
                            <i class="iconfont icon-vertical_line"></i>
                            <input type="text" placeholder="" autofocus>
                            <i class="iconfont icon-sousuo-copy"></i>
                        </div>
                        <div class="hot_search">
                            <span>热门搜索：</span><span>干部编制</span><span>档案规范</span><span>统计数据报表</span><span>档案规范</span>
                        </div>
                    </div>
                </div>
                <!--文字说明-->
                <div class="header_infor">
                    <p>
                        九分裤的是龙卷风开始放假多说两句福克斯大家了父级数量加的会计师发建档立卡设计费凉开水解放路口是打飞机看时间发多少九分裤的数据分离框架第三方打款时间分类登记水库附近辽阔的设计费来得及客服接待室减肥的开始看联发科的史莱克就</p>
                </div>
            </div>
        </div>
    </header>

</div>
<!--主体-->
<main></main>
<!--底部-->
<footer></footer>
</div>
</body>
</html>